import React from 'react'
import { Button, NavBar, Space, Toast } from 'antd-mobile'
import { Checkbox } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
function Index() {
    const navigate = useNavigate()
    const toMessage = () => {
        navigate('/message')
    }
    return (
        <div>
            <NavBar>
                乘客列表
            </NavBar>
            <Button type='button' color='primary' onClick={() => toMessage()}>新增乘客</Button>
            <Button block>点击可刷新乘客列表</Button>
            <Space direction='vertical'>

                <Checkbox>
                    <div style={{ margin: '10px' }}>李四</div>
                </Checkbox>
                <Checkbox>
                    <div style={{ margin: '10px' }}>张三</div>
                </Checkbox>
            </Space >


        </div >
    )
}

export default Index